﻿@charset "utf-8";
/*basic*/
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, a, img, th, td, form, fieldset, iframe, object, pre, code, legend, blockquote {
border:0 none;
margin:0;
outline:0 none;
padding:0;
list-style-type:none;
}


html{font-size:16px;}		
body{color:#333;font-family:Microsoft yahei;font-size:16px;} 
.clear{ clear:both;}
.hide{ display:none;}
/*elements*/
a{color: #333;text-decoration: none; text-decoration:none;}
img{border:0px;}
input{font-size:0.75rem;}
.red{ color:#FE0000;}
.blue{ color:#4E7AFF;}
.green{ color:#109f01;}
.header{ height:2.0rem; background:#B21234; margin-bottom:0.4375rem; text-align:center; font-size:1.2rem; position:relative;}
.new_font{ display:inline-block; font-size:0.875rem; height:1.75rem; line-height:1.75rem; box-sizing:border-box; color:#D98899; min-width:2.125rem; border-bottom:0.125rem solid #B21234;}
.new_font:nth-child(1){ margin-right:2.75rem;}
.header .new_font_hot{border-bottom:0.125rem solid #F8AD38; color:#fff;}
.return {line-height:2.0rem; font-weight:bold; color:#fff; font-size:1.2rem;}
.return a{ display:block; position:absolute; top:0px; left:0px; color:#fff;line-height:1.75rem; font-size:0.75rem; width:4rem; text-align:center; font-weight:200;}
.focus{ width:100%; position:relative; overflow:hidden;}
.focus h3 img{ width:100%; height:9.125rem; vertical-align:middle;}
.focus ul{-webkit-padding-start:0px;}
.focus p{width:94%; padding:0.5rem 3%;overflow:hidden; font-weight:200; height:1.25rem; line-height:1.25rem;}
.focus p i{ display:block; width:0.875rem; height:1.25rem;float:left;overflow:hidden;}
.focus p i img{ width:100%; margin-top:0.2rem; float:left;}
.focus p span{ display:block; margin:0px 24px;font-size:0.75rem; height:1.25rem; line-height:1.25rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#6a6a6a;}
.focus ol{ position:absolute; bottom:3rem; right:3%; overflow:hidden;}
.focus ol li{ width:5px; height:5px; background:#939393; border-radius:50%;float:left; margin-right:2px;}
.focus ol .on{  background:#6A6A6A; }
.main{ width:100%;}
.zhishu{ border-top:1px solid #CACACA;}
.zhishu li{ padding:0.844rem 0.625rem; box-sizing:border-box;border-bottom:1px solid #CACACA; overflow:hidden;}
.zhishu_left{ float:left; width:5.5rem; height:4.53rem; padding:0.5rem 0px 0px 1rem; box-sizing:border-box; color:#E3E3E3; overflow:hidden;}
.zhishu_left h3{ font-weight:200; font-size:0.75rem; margin-bottom:0.2rem;}
.zhishu_left p:nth-child(2){ font-weight:bold; font-size:0.75rem;margin-bottom:0.2rem;}
.zhishu_left p:nth-child(3){ font-weight:bold; font-size:0.875rem; color:#fff;}
.zhishu_right{ margin-left:6.125rem;}
.zhishu_right h3{ font-size:0.9375rem; line-height:0.9375rem; color:#656565; margin-bottom:0.4rem;}
.zhishu_right p:nth-child(2){ font-size:0.75rem; color:#808080; line-height:0.75rem;margin-bottom:0.4rem;}
.zhishu_right p:nth-child(3){ font-size:0.8125rem; color:#4E4E4E;line-height:0.8125rem;margin-bottom:0.4rem;}
.zhishu_right p:nth-child(4){ font-size:0.8125rem;line-height:0.8125rem;}
.zhishu_right p:nth-child(4) span{ display:inline-block;color:#fff;}
.red_bg{ background:#F04321;}
.blue_bg{ background:#4E7AFF;}
.green_bg {background-color:#109f01}
.gray_bg { background-color:rgb(192,192,192)}
.arrows{ height:1.47rem; line-height:1.47rem; text-align:center;}
.arrows a{ display:inline-block; width:0.8125rem;}
.arrows a img{width:0.8125rem; vertical-align:middle;}
.theme{ width:100%;}
.theme_top{border-bottom:1px solid #CACACA; margin-bottom:0.4375rem;}
.theme_top dt{ font-weight:bold; font-size:0.875rem; color:#B41032; line-height:2rem; padding:0px 0.625rem;}
.theme_top dd{ font-size:0.75rem; line-height:1.25rem;  color:#4D4D4D; padding:0px 0.625rem;padding-bottom:0.5rem;}
.theme_font p{ width:100%; overflow:hidden;}
.theme_font p span{ display:block; float:left; overflow:hidden; width:33%; font-size:0.75rem;}
.theme_font p span img{ width:0.875rem; vertical-align:middle; margin-right:0.375rem; position:relative; top:-1px;}
.theme_font p span:nth-child(2){ width:34%; text-align:center;}
.theme_font p span:nth-child(3){ text-align:right;}
.theme_font p b{ font-weight:200; color:#818181;}
.theme_chart{ width:100%;}
.theme_chart img{ width:100%; vertical-align:middle;}
.theme_zhishu{border-bottom:1px solid #CACACA;}
.theme_zhishu dt{ font-weight:bold; font-size:0.875rem; color:#B41032; line-height:2rem; padding:0px 0.625rem;}
.theme_zhishu dd{ font-size:0.75rem; line-height:1.25rem;  color:#4D4D4D; padding:0px 0.625rem;padding-bottom:0.5rem;}
.related{border-bottom:1px solid #CACACA;}
.related dt{ font-weight:bold; font-size:0.875rem; color:#B41032; line-height:2rem; padding:0px 0.625rem;}
.related dd{ font-size:0.75rem; line-height:1.25rem;  color:#4D4D4D;border-top:1px solid #CACACA;}
.related_font {border-top:1px solid #CACACA;}
.related_font p{ width:100%; overflow:hidden;line-height:1.75rem;}
.related_font p span{ display:block; float:left; overflow:hidden; width:25%; font-size:0.75rem;color:#818181; text-align:center;}
.related_font p span:nth-child(2){ width:50%;}
.related_font p span:nth-child(3){ width:25%}
.related dd li { overflow:hidden; padding:0.4375rem 0.625rem; height:2rem;border-bottom:1px solid #CACACA;}
.related dd li div{ float:left; overflow:hidden;}
.related_left{ width:25%; text-align:left; line-height:1rem; color:#818181;}
.related_left i{ display:block; float:left; font-size:0.75rem; font-style:normal;}
.related_left span{ display:block; margin-left:1rem;}
.related_left span h4{ font-weight:200; font-size:0.8125rem;}
.related_left span b{ font-weight:200; color:#B0B0B0; font-size:0.75rem;}
.related_center{ width:50%; text-align:center;}
.related_center span{height:2rem; line-height:2rem;}
.related_right{ width:25%; text-align:right;}
.related_right span{ display:block; height:1.7rem; line-height:1.7rem; margin-top:0.15rem; color:#fff; text-align:center; border-radius:5px;}


@media screen and (min-width:640px){
html{ font-size:32px;}	
.width2 {  width:140px;}
.width1 {width:240px;}
	}	
@media screen and (min-width:620px) and (max-width:639px){
html{ font-size:32px;}	
.width2 {  width:140px;}
.width1 {width:220px;}
	}
@media screen and (min-width:580px) and (max-width:619px){
html{ font-size:30px;}	
.width2 {  width:120px;}
.width1 {width:200px;}
	}
@media screen and (min-width:540px) and (max-width:579px){
html{ font-size:26px;}	
.width2 {  width:110px;}
.width1 {width:180px;}
	}
@media screen and (min-width:480px) and (max-width:539px){
html{ font-size:24px;}	
.width2 {  width:100px;}
.width1 {width:170px;}
	}		
@media screen and (min-width:440px) and (max-width:479px){
html{ font-size:22px;}	
.width2 {  width:90px;}
.width1 {width:160px;}
	}	
@media screen and (min-width:400px) and (max-width:439px){
html{ font-size:20px;}	
.width2 { width:80px;}
.width1 {width:150px;}
	}	
@media screen and (min-width:360px) and (max-width:399px){
html{ font-size:18px;}	
.width2 {  width:70px;}
.width1 {width:140px;}
	}
